<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/在线留言.css">
</head>

<body>
    <!-- 网页头部 -->
    <div class="head min">
        <div class=" head-top c25 clearfix">
            <div class="content">
                <p class="fl cf mt ">欢迎来到HOUSE家居网!</p>
                <P class="fr cf mt ">
                    <a href="#" class=" cf mr"><img src="../images/tel.png" alt=""><span> 00-00-000XXX</span></a>
                    <a href="#" class=" cf "><img src="../images/mail.png" alt=""><span>1234567XXX@gmail.com</span> </a>
                </P>
            </div>
        </div>

        <div class="head-buttom content clearfix">
            <div class="log m2 clearfix ">
                <img class="fl" src="../images/logo.png">
                <div class=" text fr">
                    <ul>
                        <li class=" title"><a href="./首页home.html">首页</a></li>
                        <li><a href="./关于我们.html">关于我们</a></li>
                        <li><a href="./产品列表.html">产品展示</a></li>
                        <li><a href="./新闻列表详情页.html">新闻动态</a></li>
                        <li><a href="./在线留言.html">在线留言</a></li>
                        <li><a href="./联系我们.html">联系我们</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 广告图片 -->
    <div class="banner min">

    </div>

    <!-- 标题 -->
    <div class="biaoti min ">
        <p class="f14 content"><a href="./首页home.html">首页</a></p>
    </div>

    <!-- 图片排列 -->
    <div class="tupian content clearfix min">
        <div class="tupiana fl">
            <h2 class="f21"><a href="./首页home.html">首页</a>>><a href="./在线留言.html">在线留言</a></h2>
            <div class="tupiana1 " style=" width: 263px; height: 584px;">
                <ul>
                    <li><a href="#">床上用品</a></li>
                    <li><a href="#">家居饰品</a></li>
                    <li><a href="#">居家日用</a></li>
                    <li><a href="#">家居收纳</a></li>
                    <li><a href="#">厨房收纳</a></li>
                    <li><a href="#">厨房餐饮</a></li>
                </ul>
                <p><img src="../images/03_f0hi.jpg" alt="广告位"></p>
            </div>
        </div>


        <div class="tupianc fl ">
            <h2>您可以留下您宝贵的意见，我们会在第一时间回复您，谢谢关注！</h2>
            <label class="f15">您的姓名<span> *</span></label>
            <p class="p1"><input type="text"></p>
            <label class="f15">您的电话<span> *</span></label>
            <p class="p1"><input type="text"></p>
            <label class="f15">您的邮箱 <span> *</span></label>
            <p class="p1"><input type="text"></p>
            <label class="f15">咨询项目<span> *</span></label>
            <p class="p3">
                <label class="f15"></label><input type="checkbox" checked> &emsp;床上用品</label>
                <label class="f15"><input type="checkbox"> &emsp;家居饰品</label>
                <label class="f15"><input type="checkbox"> &emsp;居家日用</label>
                <label class="f15"><input type="checkbox"> &emsp;收纳用具</label>
                <label class="f15"><input type="checkbox"> &emsp;厨房收纳</label>
                <label class="f15"><input type="checkbox"> &emsp;厨房餐饮</label>
            </p>
            <label class="f15">咨询内容*</label><br>
            <textarea class="p2"></textarea>
            <p class="p4"><button>提交</button></p>


        </div>
    </div>

    </div>
    <!-- 左右排列 -->
    </div>

    <!-- 网页页脚 -->
    <div class="foot  c14 min">
        <div class="foot-nei content">

            <div class="foot-nei1  fl mr85 c76">
                <h2><img src="../images/logo2.jpg" alt=""></h2>
                <p><i class="fontimg1"></i>中国上海市XXX区XXX路12号XX大厦5层5XX室</p>
                <p><i class="fontimg2"></i>400-000-XXXX (021)-12345678XX</p>
                <p><i class="fontimg3"></i>12345678XXX@gmail.com</p>

            </div>

            <div class="foot-nei2  fl clearfix ">
                <h2 class=" cf f20">快速链接</h2>
                <ul>
                    <li><a>&gt;网站首页</a></li>
                    <li><a>&gt;产品展示</a></li>
                    <li><a>&gt;在线留言</a></li>
                    <li><a>&gt;关于我们</a></li>
                    <li><a>&gt;新闻动态</a></li>
                    <li><a>&gt;联系我们</a></li>
                </ul>

            </div>



            <div class="foot-nei3 fr mr65 clearfix">
                <h2 class=" cf f20">站内收索</h2>
                <p class="kuang">
                    <input type="text">
                    <button>搜索</button>
                </p>
                <p class="biao f15 c76">关注我们<img src="../images/fenxiang.png"></p>

            </div>
        </div>


        <div class="foot-nei4  mt85">

            <p class="cf">Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>

        </div>
    </div>
</body>

</html>